Редактор TinyMCE

Что такое TinyMCE?

TinyMCE — это мощный текстовый редактор, который позволяет пользователям создавать форматированный контент в удобном интерфейсе.

Популярный редактор установлен по умолчанию на всех сайтах, начиная с Moodle 4.4. В разделе Управление > Администрирование > Плагины > Текстовые редакторы > Управление редакторами можно включить, отключить, упорядочить по приоритету текстовые редакторы и настроить текстовый редактор, установленный по умолчанию. Если включено более одного текстового редактора, пользователи могут выбрать предпочтительный редактор на странице настроек: Меню пользователя > Настройки > Настройки редактора.

Ссылка на видео: Обзор TinyMCE

Проверка орфографии

Хотя проверка орфографии доступна в TinyMCE-премиум (см. ниже), вы можете использовать свой браузер для проверки орфографии в стандартном редакторе TinyMCE. В зависимости от вашего браузера вы можете, например, ввести текст, щёлкнуть правой кнопкой мыши и выбрать «Проверка орфографии». Неправильные или потенциально неправильные написания будут подчёркнуты красным.

Панель инструментов Tiny

На панели инструментов доступны следующие кнопки (не все кнопки могут отображаться во всех сценариях):

Доступные кнопки:

#	Кнопка	#	Кнопка	#	Кнопка
1	Отменить и повторить	10	Нет автозамены ссылок	18	Нумерованный список
2	Жирный и курсивный	11	Полноэкранный режим	19	Редактор формул
3	Вставить/изменить свойства изображения	12	Выравнивание по левому краю	20	Переключить вторую панель инструментов (если присутствует)
4	Вставить/изменить свойства аудио/видео	13	Выравнивание по центру	21
5	Записать аудио	14	Выравнивание по правому краю
6	Записать видео/экран	15	Направление слева направо (LTR) и справа налево (RTL)
7	Вставить/изменить свойства H5P	16	Уменьшить/увеличить отступ
8	Ссылка	17	Список с маркерами
9	Удалить ссылку

Для отображения некоторых кнопок требуются предварительные условия. Например, кнопка редактора формул будет отображаться только в том случае, если включён фильтр MathJax или TeX (в разделе Администрирование > Плагины > Фильтры > Управление фильтрами), а опция H5P будет отображаться только в том случае, если предоставлено право доступа tiny/h5p:addembed.

Некоторые функции также будут отображаться во «всплывающей панели инструментов» при выделении текста в редакторе (например, некоторые параметры форматирования). Однако всплывающая панель инструментов будет отображаться только в том случае, если высота редактора составляет более 5 строк. В редакторах меньшего размера она автоматически скрывается, так как меньшее пространство может вызвать проблемы с корректным отображением параметров.

Возможности Tiny

В меню Вставить доступны следующие функции:

Вставить/редактировать изображение

Самый простой способ вставить изображение — перетащить его. Кроме того, вы можете использовать инструмент Вставить изображение, который даёт вам больше контроля над некоторыми свойствами изображения:

uploadtinymce.png

Вы можете вставить URL-адрес изображения или просмотреть хранилища, чтобы найти или загрузить изображение.

После добавления изображения вы можете изменить его размер и добавить альтернативный текст:

edittinymceimage.png

Чтобы изменить свойства изображения после его добавления в текст, выберите изображение и нажмите кнопку Изображение на мини-панели инструментов.

Вставить/редактировать ссылку

При вставке или редактировании ссылки на другую (внутреннюю или внешнюю) страницу вы можете указать следующие параметры:

• URL: адрес страницы, на которую нужно перейти. Если оставить поле пустым, будут доступны опции <верх> и <низ>
• Текст для отображения: текст, который отображается в тексте в виде ссылки
• Заголовок: текст, отображаемый при наведении курсора на ссылку
• Просмотреть хранилища: загрузить файл для ссылки.
• Открыть ссылку в...: страница может быть открыта либо в текущем окне, либо в новом окне

Tiny_-_Link.png

Вставить/редактировать мультимедиа

Для вставки существующих аудио- или видеоклипов редактор TinyMCE поддерживает стандартный интерфейс Moodle для встраивания мультимедиа.

Записать аудио, видео и экран

TinyMCE позволяет пользователям записывать аудио- и видеоклипы, которые будут прикреплены к тексту после записи.

Новое в версии 4.5, из значка камеры пользователь может записать свой экран, если администратор включил настройку в разделе Администрирование > Плагины > Редактор TinyMCE > Запись RTC. Также доступна настройка паузы записи.

Каждая запись включает следующие шаги:

1. Начать запись: когда будете готовы, нажмите кнопку Начать запись
2. Поставить запись на паузу: поставить на паузу и затем возобновить при необходимости (если настройка включена администратором).
3. Остановить запись: когда завершите, нажмите кнопку Остановить запись
4. Просмотреть запись: вы можете прослушать или просмотреть запись с помощью предоставленных элементов управления. Либо прикрепите клип к своему тексту, либо запишите его заново.

Максимальная длина и качество (битрейт) могут быть настроены на уровне администратора.

Вставить/редактировать пример кода

Редактор Tiny позволяет вставлять и встраивать фрагменты кода с подсветкой синтаксиса в редактируемую область. Вы можете выбрать язык программирования вверху, но это не повлияет на отображение кода.

Tiny также поддерживает форматирование элементов кода (Формат -> Код), которое изменяет выделенный текст на внутренне определённый стиль кода.

Вставить таблицу

Tiny имеет широкие возможности управления таблицами для работы с таблицами в вашем тексте. Помимо пункта меню «Вставить таблицу», для таблиц выделено целое главное меню. После добавления таблицы вы можете настроить отдельные ячейки, строки, столбцы и свойства всей таблицы. Доступны следующие интуитивно понятные пункты меню, поддерживающие стандартные параметры таблиц HTML:

• Ячейка
  • Свойства ячейки
  • Объединить ячейки
  • Разделить ячейки
• Строка
  • Вставить строку выше
  • Вставить строку ниже
  • Удалить строку
  • Свойства строки
  • Вырезать строку
  • Скопировать строку
  • Вставить строку выше
  • Вставить строку ниже
• Столбец
  • Вставить столбец слева
  • Вставить столбец справа
  • Удалить столбец
  • Вырезать столбец
  • Скопировать столбец
  • Вставить столбец слева
  • Вставить столбец справа
• Свойства таблицы
• Удалить таблицу

<img src="/ru/img/TinyMCE_editor/l